*{
    margin:0px;
    padding:0px;
    color:#333;
}
body{ font-family: 微软雅黑;}
.clear{ clear: both;}
.top_top{
    width: 100%;
    min-width: 1200px;
}
/**top**/
.wyz_top_top {
    width: 100%;
    height: 508px;
    margin: 0 auto;
    padding: 0px;
    background:url('/Public/Home/img/top.jpg')no-repeat;
    background-size: 100% 508px;
    text-align: center;
}
.wyz_top_top h1{
    margin: 0 auto;
    width: 1200px;
    padding-top: 120px;
    color: #e7e8eb;
    font-size: 40px;
    font-family: 微软雅黑;
    font-weight: 400;
}
.input_tup{
    width: 510px;
    line-height:37px ;
    margin: 35px auto 0;
    border: 1px solid #e7e8eb;
}
.input_tup input{
    width: 480px;
    height: 35px;
    float: left;
    /*background-color:transparent;*/
    font-size: 16px;
    background:rgba(0,0,0,0);
    color: #e7e8eb;
    font-family: 微软雅黑;
    border:0px;
}
.wyz_top_top h4{
    color: #e7e8eb;
    font-family: 微软雅黑;
    margin-top: 16px;
    font-weight: 300;
    font-size: 14px;
}
/**互联网++**/
.index_inter{
    width: 1200px;
    height: 360px;
    margin: 0px auto;
    text-align: center;
    padding-top: 66px;
    border: 0px;
}
.index_inter li{ float:left; width: 33.333%;text-align: center; list-style: none;}
.index_inter li h3{
    margin-top: 33px;
    font-size: 20px;
    color: #333;
    }
.index_inter li p{
    margin-top: 22px;
    text-align: left;
    margin-left: 65px;
    color: #939393;
    line-height: 25px;
}
/****/
.font_wyz{font-size: 15px}
img{ border:none 0;}
a{ text-decoration:none; color:#29e; outline:none; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover{ text-decoration:underline;}
.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
[class^="icon-app-"], [class*="icon-app-"]{ background:url(../img/icon-app.png) no-repeat; display:inline-block; width:62px; height:62px; vertical-align:middle; float:left; margin:15px;}
.icon-app-attend{ background-position:0 0;}
.icon-app-email{ background-position:-62px 0;}
.icon-app-calendar{ background-position:-124px 0;}
.icon-app-approve{ background-position:-186px 0;}
.icon-app-document{ background-position:-248px 0;}
.icon-app-memo{ background-position:-310px 0;}
.icon-app-client{ background-position:-372px 0;}
.icon-app-worklog{ background-position:-434px 0;}
.icon-app-friendly{ background-position:-496px 0;}
.icon-app-microblog{ background-position:-558px 0;}
.icon-app-notice{ background-position:0 -62px;}
.icon-app-comm{ background-position:-62px -62px;}
.icon-app-plan{ background-position:-124px -62px;}
.icon-app-task{ background-position:-186px -62px;}
.icon-app-project{ background-position:-248px -62px;}
.icon-app-knowledge{ background-position:-310px -62px;}
.icon-app-forum{ background-position:-372px -62px;}
.icon-app-address{ background-position:-434px -62px;}
.icon-app-group{ background-position:-496px -62px;}
.icon-app-broadcast{ background-position:-558px -62px;}
.icon-app-sms{ background-position:0 -124px;}
.icon-app-mainline{ background-position:0 -186px; width:122px; height:122px; margin:0; float:none;}
.index-content{ background:#fff; position:relative; overflow:hidden;}
.index-content.graybg{ background:#f2f4f5;}
.section{ margin:0 auto; width:1000px; overflow:hidden; position:relative;}
.app-mainline{ margin:80px 0 40px; font-weight:normal; font-size:48px; text-align:center;}
.home-title{ margin:120px 0 20px; font-size:30px; text-align:center; font-weight:normal;}
.app-start{ background:url(../img/app-startbg.png) center bottom no-repeat; padding:0 0 20px; height:170px; text-align:center; font-size:24px; line-height:1.8;}
.app-bottom{ background:url(../img/app-bottombg.png) center top no-repeat; margin:0 auto; padding:50px 0; text-align:center;}
a.app-toggle{ background:#29e; width:300px; height:52px; line-height:52px; font-size:18px; color:#fff; display:inline-block; text-align:center; border-radius:3px;}
a.app-toggle:hover{ text-decoration:none; background:#00a8ff;}
a.app-toggle:active{ text-decoration:none; background:#07c; box-shadow:1px 2px 3px #0069b3 inset;}
a.app-toggle .toggle-arrow{ background:url(../img/toggle-arrowbg.png) no-repeat; width:19px; height:11px; display:inline-block; vertical-align:middle; margin:0 5px;}
a.app-toggle .toggle-arrow.up{ background-position:0 -11px;}
ul.item-list{ margin:100px auto; padding:0; list-style:none; width:960px; font-size:18px; line-height:2.4;}
ul.item-list.sub-help{ margin-top:20px;}
ul.item-list li{ float:left; margin:0 30px 0 70px; text-align:center; width:130px;}
ul.item-list a{ color:#0c0c0d;}
ul.item-list a:hover, ul.item-list a:hover .item-tip.nocolor{ text-decoration:none;}
ul.item-list a .item-intro{ font-size:14px; line-height:1.6; color:#999;}
ul.item-list a .item-tip{ margin:5px 0 0; color:#29e; font-size:13px; line-height:1.6;}
ul.item-list a .item-tip.nocolor{ color:#0c0c0d;}
ul.item-list a:hover .item-tip{ text-decoration:underline;}
ul.app-list{ margin:0 auto; padding:20px 0; list-style:none; width:760px; background:url(../img/app-listbg.png) center repeat-y;}
ul.app-list li{ background:#fff; float:left; margin:0 20px 20px 0; border-radius:4px;}
ul.app-list li.right{ float:right; margin:20px 0 0;}
ul.app-list li.fright{ float:right; margin:40px 0 0;}
ul.app-list li a{ display:inline-block; width:359px; min-height:104px; border:1px solid #eee; color:#666; position:relative; border-radius:3px; box-shadow:0 1px 0 0 #ddd; transition:all 0.3s ease 0s; cursor:default;}
ul.app-list li a:hover{ text-decoration:none; /* border:1px solid #29e; */}
ul.app-list li .app-intro{ margin:20px 15px 0 90px;}
ul.app-list li .app-title{ margin:0 0 8px; font-size:18px; line-height:1; color:#050505;}
ul.app-list li .app-point{ background:url(../img/app-pointbg.png) 0 0 no-repeat; position:absolute; top:12px; right:-28px; width:28px; height:14px; display:inline-block;}
ul.app-list li.fright .app-point, ul.app-list li.right .app-point{ background-position:0 -14px; left:-27px;}
.video-title > a:hover{ text-decoration:none;}
ul.video-list{ margin:0; padding:0; list-style:none; font-size:12px; max-height:360px; overflow:auto;}
ul.video-list li{ margin:0; padding:0;}
ul.video-list li a{ display:block; background:#fff; color:#333; padding:15px; overflow:hidden;}
ul.video-list li a:hover{ text-decoration:none; background:#ebf4fb;}
ul.video-list li a .video-pic{ float:left; width:92px; height:60px;}
ul.video-list li a .video-pic img{ display:block; max-width:100%;}
ul.video-list li a .video-pic .video-hover{ position:relative; top:-60px; left:0; width:92px; height:60px; display:none;}
ul.video-list li a:hover .video-pic .video-hover{ display:block;}
ul.video-list li a .video-text{ margin:0 0 0 105px; line-height:1.8;}
ul.video-list li a.cur{ background:#3f90cf; color:#fff;}
.help-title{ margin:50px 0 10px 20px; font-size:18px;}
.help-tab{ margin:10px 0 0 20px;}
.help-tab table{ border-collapse:separate; border-spacing:0; width:100%;}
.help-tab table td{ padding:10px 0;}
a.help-apply{ width:87px; height:26px; background:#389cff; color:#fff; text-align:center; display:block; border-radius:3px;}
a.help-apply:hover{ text-decoration:none;}
ul.help-list{ margin:60px auto 30px; padding:0; width:972px; list-style:none;}
ul.help-list li{ margin:0 13px 0 0; text-align:center; float:left;}
ul.help-list li a{ display:block; padding:30px 0; width:230px; border-radius:3px; background:#dfeeff; color:#529fef;}
ul.help-list li a:hover{ text-decoration:none;}
ul.help-list li a.sns{ background:#fff9db; color:#ffae00;}
ul.help-list li a.online{ background:#def9e7; color:#54d37c;}
ul.help-list li a.tel{ background:#ffe5e5; color:#ff9090; cursor:default;}
.update-wrap{ margin:10px 0 30px; position:relative; min-height:280px;}
.update-title{ margin:20px 250px 5px 0; padding:0; list-style:none;}
.update-cont{ margin:0 250px 0 80px; color:#999;}
.update-qrcode{ position:absolute; top:0; right:20px; text-align:right;}
.qrcode-title{ margin:0 0 12px; font-size:18px; line-height:1.4; color:#515151;}
.update-back{ position:absolute; top:20px; left:10px; display:inline-block; width:60px; height:22px; line-height:22px; font-size:12px; text-align:center; border:1px solid #eee; border-radius:3px; color:#999;}
.update-back:hover{ text-decoration:none;}
.updatede-title{ padding:20px 0 0; font-size:18px; color:#666; text-align:center;}
.updatede-tip{ margin:5px 0 0; text-align:center; font-size:12px;}
.updatede-cont{ margin:25px 0 35px; font-size:12px; color:#999;}
.invite-wrap{ margin:67px 0 50px; position:relative; min-height:280px;}
.invite-title{ margin:30px 0 0; font-size:28px; text-align:center;}
ul.invite-list{ margin:20px auto 40px; padding:0; list-style:none; width:700px;}
ul.invite-list li{ padding:8px 5px;}
ul.invite-list textarea{ background:#fafafb; padding:8px 10px; width:450px; height:66px; font-size:16px; color:#999; border:1px solid #d9d9d9; font-family:"microsoft yahei"; border-radius:2px;}
ul.invite-list input{ background:#fafafb; padding:10px; width:450px; height:28px; font-size:16px; color:#999; line-height:16px; border:1px solid #d9d9d9; font-family:"microsoft yahei"; border-radius:2px;}
ul.invite-list input.authcode{ width:240px;}
ul.invite-list img{ vertical-align:-19px;}
ul.invite-list .invite-left{ float:left; width:100px; text-align:right; font-size:16px; line-height:48px; color:#666;}
ul.invite-list .invite-right{ margin-left:110px;}
ul.invite-list .red{ color:#f00;}
ul.invite-list .tip{ color:#666;}
ul.invite-list a.invite-btn{ background:#29e; width:470px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; display:inline-block; border-radius:2px;}
ul.invite-list a.invite-btn:hover{ background:#00a8ff; text-decoration:none;}
ul.invite-list a.invite-btn:active{ background:#07c; box-shadow:1px 2px 3px #0069b3 inset; text-decoration:none;}
dl.invite-success{ margin:30px auto 0; padding:0; width:520px; font-size:16px;}
dl.invite-success dt{ float:left; width:100px;}
dl.invite-success dd{ margin-left:110px;}
dl.invite-success dd.title{ font-size:28px; line-height:1.4; margin-bottom:10px;}
.invite-thanks{ margin:0 0 0 6px; font-size:16px; vertical-align:14px;}
.invite-tips{ margin:30px auto 0; width:520px; color:#666;}
ul.invitetips-list{ margin:10px auto 0; padding:0; list-style-position:inside; width:520px; color:#666;}
ul.invitetips-list li { margin:5px 0;}